.clearfix :after {
  content: "";
  display: table;
  clear: both;
}

.scrollBar ::-webkit-scrollbar-track-piece {
  background: #a0a5aa;
}

.scrollBar::-webkit-scrollbar {
  width: 6px;
}

.scrollBar::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

/* 
html body div::-webkit-scrollbar {
     width: 4px;
     height: 4px;

   }
html body div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 7px;
}

html body div::-webkit-scrollbar-track {
  background-color: transparent;
} */

.page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 50px);
  overflow: hidden;
  padding: 20px;

}

.page .container {
  flex: 1;
  height: 100%;
  padding:0 20px;
  overflow: auto;
}
.mb-8{
  margin-bottom:8px;
}
.mr-8{
  margin-right:8px;
}
.ml-8{
  margin-left:8px;
}
.mt-8{
  margin-top: 8px;
}